.time-line {
    display    : flex;
    padding-top: 45px;

    .line {
        display   : inline-block;
        width     : 100px;
        border-top: 5px #0000CD solid;
    }

    .line-content {
        display        : inline-block;
        width          : 200px;
        height         : 200px;
        border-radius  : 50%;
        border         : 5px #0000CD solid;
        color          : #fff;
        display        : flex;
        align-items    : center;
        justify-content: center;
        font-size      : 48px;
    }

    .line-item {
        display        : flex;
        align-items    : center;
        justify-content: center;
    }

    .activity-time {
        height     : 250px;
        width      : 250px;
        background : radial-gradient(rgba(0, 0, 0, 0), rgba(100, 149, 237, 0.5), rgba(100, 149, 237, 0.8));
        font-weight: bold;
    }

    .big-time {
        height     : 250px;
        width      : 250px;
        font-weight: bold;
    }
}